<template>
    <view>
        <view class="cu-modal bottom-modal" :class="modalName=='bottomModal'?'show':''">
		<view class="cu-dialog">
			
			<!--padding-xl-->
			<view class="padding bg-white">
				<form>
					<!-- -->
					<view class="cu-form-group ">
						<u-form-item label="处理结果" prop="dealResult" label-width="180"  label-position="top">
								<u-input placeholder="请输入" v-model="model.dealResult" type="textarea"  height="100" maxlength="500"></u-input>
						</u-form-item>
					</view>

                    
					

				</form>
			</view>
			<view class="cu-bar bg-white flex padding-left padding-right padding-bottom">
                <button class="cu-btn lines-red lg" @tap="hideModal">取消</button>
				<button class="cu-btn bg-confirm lg margin-left" @tap="confirm">确定</button>
				
			</view>
		</view>
	</view>
    </view>
</template>
<script>
    export default {
		props: {
			modalName:{
				type: String,
				default: 'bottomModal'
			},
			daelId:{
				type: String,
				default: ''
			},
        },
        data() {
            return {
                // modalName:'bottomModal',
				imgList:[],
				date:new Date().toISOString().substring(0, 10),
				uploadOptions:{},
				fpData:{},
                model:{

                }
            }
        },
		created(){
			this.model.id = this.daelId
		},
        methods: {
            showModal() {
				this.$emit('modalNameEmit', 'bottomModal')
            },
            hideModal() {
				this.$emit('modalNameEmit', null)
            },
			DateChange(e) {
				this.date = e.detail.value
			},
			confirm(){
				this.$u.toast("确认成功");
				// 把fdData传递给父组件
				this.$emit("dealData",{dealData:this.model});
				this.$emit("modalNameEmit",null);
			},
		}
    }

</script>
<style scoped lang="scss">
.cu-modal{
	z-index: 998;
}
.bg-confirm {
  background: #3e97b0;
  color: #ffffff;
}
/deep/ .u-form-item{
    width: 100% !important;
}
.cu-btn{
	flex: 1;
}
</style>
